@(name:String,seq:String)
@config.main("Motif") {

    <div class="body-box">
        <div class="page-box">

            @config.subTitle(name + "-" + seq.split("_").last.split('.').head,"Motif","http://localhost:9067/capdb/motif/motifPage")

            <div class="main-body">
                <img src="/capdb/motif/getMotifImg?path=@name/@seq"/>

                <table class="table" id="table" data-pagination="true"  data-advanced-sortable="true"
                data-page-list="[10]">
                    <thead>
                        <tr>
                            <th data-field="Motif" data-sortable="true" data-search-type="text"  >Motif</th>
                            <th data-field="Gene" data-sortable="true" data-search-type="text"  data-formatter="GetGene">Gene</th>
                            <th data-field="Site" data-sortable="true" data-search-type="text"  >Site</th>
                        </tr>
                    </thead>
                </table>

            </div>
        </div>
    </div>

    <script>

        $(function () {
            $.post("/capdb/motif/getSeqTable?name=@name&seq=@seq",(data)=>{
                $("#table").bootstrapTable({data:data})
            })

        })

        function GetGene(value) {
                return `<a href="/capdb/browse/geneInfoPageByGeneId?geneId=${value}" target="_blank">${value}</a>`
        }

    </script>
}